<template>
  <div class="box1">
    <h3>我是box1组件</h3>
    <hr />
    <p>通过 vuex 共享数据</p>
    <!-- 可以直接指向 vuex 中的数据源 -->
    <p>count的值是： {{ $store.state.tab.count }}</p>
  </div>
</template>

<script>
export default {
  props: {
    count: {
      default: '', //默认值
      type: Number
    }
  },
  data() {
    return {
      // num: this.count
    }
  }
  /*   computed: {
    // vuex 数据传递
    // 控制是否展开导航栏 true 展开
    num() {
      //   return this.$store vuex固定写法
      // state  store文件夹下 的 state属性：  state: { isCollapse: false }, //isCollapse是要共享数据的值
      return this.$store.state.tab.count
    }
  } */
}
</script>

<style>
.box1 {
  float: left;
  width: 50%;
  height: 300px;
  background: rgb(135, 203, 166);
}
</style>
